@charset "UTF-8";

.m-index {
  height: 100%;
  @include flexbox();
  @include flex-direction(column);

  header {
    height: .44rem;
    background: $base-color;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    line-height: .44rem;
  }

  section {
    background: #fff;
    @include flex();
    width: 100%;
    overflow: hidden;
  }

  footer {
    height: .44rem;
    background: #f6f6f6;
    ul {
      height: 100%;
      @include border(1px 0 0 0);
      @include flexbox();
      li {
        @include flex();
        @include flexbox();
        @include justify-content(center);
        @include align-items(center);
        b,i {
          font-weight: 100;
          font-size: .18rem;
          color: #c2cfcc;
        }
        &.active b,
        &.active i {
          color: $base-color;
        }
      }
    }
  }
}
